<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>三大姬崽交友网站</title>
    <!--narmalize使css样式在各主流浏览器下显示的样式是基本一致的-->
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <link rel="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.css"/>
    <link rel="stylesheet" href="./shouye.css" />
  </head>
  <body>
    <!--导航栏-->
    <div class="nav">
        <!--导航栏实际存放内容的地方-->
        <div class="head">

          <a href="https://www.baidu.com/">
            <img src="./导航栏.jpg" class="img-head">
          </a>
          
          <!--设置导航栏内容-->
          <ul>
            <li>
              <a href="shouye.html">
                <span style="color: red;">首页</span>
              </a>
            </li>
            <li>
              <a href="jizai.html">
                <span>姬崽</span>
              </a>
            </li>
            <li>
              <a href="#">
                <span>待拓荒ing</span>
              </a>
            </li>
          </ul>
        </div>

    </div>

    <!--先乱搞一些盒子试试返回顶部的功能-->
    <div class="div1">
      <h1>《玫瑰少年》:生而为人无罪，你不需要抱歉 </h1>
    </div>
    <!--做登录-->
    <div class="div2">
      <div class="DL">

          <h1>登录姬崽</h1>
          <h3>请输入账号和密码</h3>

        <div class="form">
          <form action="#" class="biaodan">
            <div class="input-wrap">
              <label>账号：</label>
              <input type="text" class="input-control" placeholder="账号"><!--最开始显示在框里的文字-->
            </div>
            <div class="input-wrap">
              <label>密码：</label>
              <input type="password" class="input-control" placeholder="密码">
            </div>
            <div class="input-wrap" style="margin-top: -20px;">
              <input type="checkbox">
              <span class="check-book">记住密码</span>
            </div>
            <div class="input-wrap">
              <input type="submit" class="input-control" id="log-btn" placeholder="登录">
            </div>
            
            <div class="sigh-up">
              <span>还没有姬崽账号？</span><br>
              <a href="https://www.icourse163.org/search.htm?search=%E7%BF%81%E6%81%BA#/">注册</a>
            </div>

          </form>
        </div>

      </div>
      <div class="zs">
        <h1>火热招商中~</h1>   
     </div>
      </div>

     

    <div class="div3"></div>
    <div class="div4"></div>
    <div class="div5"></div>
    <div class="div6"></div>
    <div class="div7"></div>

    <!--返回顶部功能-->
    <!--先建一个盒子，装返回顶部的按钮-->
    <div id="re">返回顶部</div>






    <!--jq-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script>
    <script src="./shouye.js"></script>
    <script src="./jq.js"></script>
  </body>
</html>